
.regulation-detail{
	.top-cover-wrapper{
		width: 100%;
		height: 208rpx;
	}
	.regulation-detail-main{
		margin-top: 32rpx;
		/deep/ .u-collapse-head{
			padding: 0rpx !important;
		}
		/deep/ .u-collapse-body{
			// height: auto !important;
		}
		width: 100%;
		max-height: auto;
		background-color: #ffffff;
		border-radius: 24rpx;
		padding: 8rpx 0rpx 8rpx 0rpx;
		box-sizing: border-box;
		.regulation-item{
			width: 100%;
			.item-title{
				width:100%;
				padding: 24rpx 24rpx 24rpx 24rpx;
				box-sizing: border-box;
				display: flex;
				align-items: center;
				position: relative;
				&.bottom-line{
					&::after{
						position: absolute;
						bottom: 0rpx;
						left: 50%;
						transform: translate(-50%,-2rpx);
						content: " ";
						display: block;
						height: 2rpx;
						width: calc(100% - 48rpx);
						background-color: #cccccc;
						
					}
				}

				.icon-wrapper{
					height: 40rpx;
					width: 24rpx;
					display: flex;
					align-items: center;
					margin-right: 10rpx;
					.arrow-icon{
						transition: all 0.3s;
						color: #188CF1;
					}
					.active{
						transform: rotate(-90deg);
						transform-origin: center center;
					}
					.tag{
						width: 10rpx;
						height: 10rpx;
						background-color: #188CF1;
						border-radius: 50%;
						margin-right: 10rpx;
					}
				}	
					.title-value{
						height: 40rpx;
						font-size: 28rpx;
						font-family: $global-font-family;
						font-weight: 400;
						color: #333333;
						line-height: 40rpx;
					}
			}
			.chapter-list-wrapper{
				padding: 0rpx 48rpx 0rpx 48rpx;
				box-sizing: border-box;
				// background-color: red;
				max-height: 50vh;
				overflow-y: scroll;
				.sub-chapter-list-wrapper{
					width: 100%;
					background: #F2F2F2;
					border-radius:16rpx;
					padding: 2rpx 24rpx 32rpx 24rpx;
					box-sizing: border-box;
					max-height: 50vh;
					overflow-y: scroll;
					.sub-chapter-item{
						display: flex;
						align-items: center;
						&::before{
							content: " ";
							display: block;
							width: 10rpx;
							height: 10rpx;
							background-color: #333333;
							border-radius: 50%;
							margin-right: 10rpx;
							
						}
						height: 34rpx;
						font-size: 24rpx;
						font-family: $global-font-family;
						font-weight: 400;
						color: #333333;
						line-height: 34rpx;
						margin-top:32rpx;
					}
				}
			}
		}

	}
}